//map.scss

.text-els {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pjbmap {
    .pjbheader {
        height: 120px;

        .h_back {
            left: 30px;
            top: 20px;
            width: 80px;
            height: 80px;
            background: #fff;
        }

        .h_link {
            right: 30px;
            top: 10px;
            width: 100px;
            //height: 30px;
            padding: 30px;
            margin-right: -30px;
        }
    }

    .h_title {
        text-align: left;
        white-space: normal;
        padding: 0 100px 0 130px;
    }

    .title {
        line-height: 50px;
        margin-top: 15px;
        font-size: 34px;

        .position {
            font-size: 28px;
        }

        img {
            height: 24px;
            margin-left: 10px;
        }
    }

    .content {
        line-height: 30px;
        font-size: 24px; //@extend .text-els;
        overflow-x: auto;
        white-space: nowrap;

        .address {
            margin-left: 10px;
        }
    }

    .location {
        position: fixed;
        bottom: 100px;
        right: 40px;
        width: 120px;
        height: 120px;
        z-index: 1;

        .locationBg {
            width: 100%;
            height: 100%;
            background: url("../img/icon/location.png") no-repeat center/120px;
        }

        .locationBg.ing {
            background: url("../img/icon/inPositioning.png") no-repeat center/120px;
        }

        .locationLoading {
            width: 100%;
            height: 100%;
            background: url("../img/icon/locationLoading.png") no-repeat center/120px;
            position: absolute;
            top: 0;
            z-index: 1;
            -webkit-animation: circle 2000ms infinite linear;
        }
        @-webkit-keyframes circle {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }
    }
    //#container {
    //    width: 100%;
    //    height: 100%;
    //    position: absolute;
    //    bottom: 0;
    //    overflow: hidden;
    //    margin: 0;
    //}
    //.headBgImg {
    //    width: 169px;
    //    height: 207px;
    //    margin: -130px 0 0 -66px;
    //    position: absolute;
    //}
    //.headImg {
    //    width: 144px;
    //    height: 144px;
    //    margin: -116px 0 0 -54px;
    //    position: absolute;
    //}
}

.app-login {
    .loginwaybar {
        text-align: center;
        font-size: 32px;
        color: #999;
        margin-bottom: 50px;

        label {
            display: inline-block;
            width: 33.33%;

            &.active {
                color: #3494e9;
            }
        }
    }

    input.loginbtncode {
        background-color: #00b4ed !important;
        color: #fff;
        padding: 15px 30px;
        border-radius: 10px;
        position: absolute;
        right: 0;
        top: 1.15rem;
    }

    input.lbc_disabled {
        background-color: #d8d8d8 !important;
        color: #989696;
    }
}

.timeposi {
    font-weight: normal;
    color: #999;
    font-size: 1rem;
}

.jiebangbox {
    p {
        font-size: 28px;
        color: #333;
        border-bottom: 1px solid #ebf6fd;
        margin-bottom: 30px;
    }

    ul {
        margin-top: 30px;
        font-size: 26px;
        color: #666;

        li {
            margin-bottom: 18px;
        }

        a {
            color: #3494e9;
            border-bottom: 1px solid #3494e9;
        }
    }
}
.publicbox{
    padding: 30px;
}
.publicbtn {
    background-color: #4ccaf2 !important;
    color: #fff;
    font-size: 1.4rem;
    padding: 1rem 0;
    border-radius: 0.125rem;
    width: 100%;
}
